<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="js/vue.js"></script>
</head>
<body>
<div id="app">
<!--    v-bind ： 绑定元素的属性，完整写法 v-bind:属性名="data中的变量"
        简写方式：  :属性名="data中的变量"  即成为 v-bind的语法糖
-->
    <img v-bind:src="imgSrc" :width="imgWidth"  alt="">
</div>
<script>
    new Vue({
        el: '#app',
        data: {
            imgSrc: 'img/img.png',
            imgWidth: '200px'
        },
        methods: {

        }
    })
</script>
</body>
</html>
